@charset "UTF-8";
@import "reset";
@import "common";

.wrap {
    .container {
        .dataList {
            padding: 9vw 0 0 7vw;
            position: relative;

            select {
                appearance: none;
                border: none;
                background-color: transparent;
                color: $color;
                font-size: 4vw;
            }
            &::after {
                content: "";
                width: 0;
                height: 0;
                border-width: 1vw;
                border-style: solid;
                border-color: $color transparent transparent transparent;
                position: absolute;
                top: 75%;
            }
        }
        main {
            margin-top: 11.7vw;
            color: #434242;
            .title {
                display: flex;
                font-weight: bold;
                > div {
                    flex: 1;
                    text-align: center;
                    color: $color;
                    font-size: 3vw;
                }
            }
            .content {
                margin-top: 12vw;

                .contentList {
                    height: 50vw;
                    overflow: auto;
                    li {
                        margin-bottom: 14vw;
                        display: flex;
                        p {
                            flex: 1;
                            text-align: center;
                            font-size: 3.5vw;
                        }
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
        footer {
            .tips {
                margin-top: 5vw;
                text-align: center;
                color: #434242;
                font-size: 3.5vw;
            }
        }
    }
}
